<!--
 * @Author: TT-hzy
 * @Date: 2024-07-31 10:33:41
 * @LastEditors: TT-hzy
 * @LastEditTime: 2024-07-31 10:34:49
-->

<template>
  <div class="preview flex-j-e">
    <img
      src="https://p26-luna.douyinpic.com/tos-cn-i-b829550vbb/home/7c1def22f3a51645f44d1ad9c91f6e25.png~tplv-b829550vbb-image.image"
      alt="mac"
      class="preview-image mac"
    />
    <img
      src="https://p26-luna.douyinpic.com/tos-cn-i-b829550vbb/home/6b1a9cff97a3937c9e0aa991841ff53e.png~tplv-b829550vbb-image.image"
      alt="phone"
      class="preview-image ip1"
    />
  </div>
</template>

<style lang="less" scoped>
.preview {
  width: 100%;
  position: relative;

  &-image {
    display: flex;
  }

  .mac {
    width: 100%;
  }

  .ip1 {
    position: absolute;
    width: 20%;
    right: 0;
  }
}
</style>
